<div class="clear">
  <div><h1 class="ph"><%= category.title %><small><%= category.metadata && category.metadata['副标题'] %></small></h1></div>
  <ul class="clear courses full">
    <% category.children_pages.first(5).each_with_index do |page, index| %>
      <li class="course <%= 'last' if (index + 1) % 5 == 0 %>">
        <div>
          <a href="<%= page.url %>" target="_blank">
            <img width="200" height="142" src="<%= page.avatar.blank? ? page.metadata['视频缩略图链接'] : page.avatar.url %>">
          </a>
        </div>
          <h2 class="f14">
            <a href="<%= page.url %>" target="_blank"><%= truncate page.title, length: 16 %></a>
          </h2>
          <div class="one ove-hidden">
            <span class="fl"><%= l page.created_at, format: :date %></span>
            <span class="fr">播放次数：<%= page.view_count || 0 %></span>
          </div>
      </li>
    <% end %>
  </ul>
</div>

